<template>
  <el-row>
    <el-col :span="24"
      ><div class="index-footer">
        © 2017~{{year}}
        <el-link type="primary" :href="url1" target="_blank"
          >{{ schoolName }}</el-link
        >. All rights reserved. 技术支持：
        <el-link type="primary" :href="url2" target="_blank"
          >天津点美科技有限公司</el-link
        >
      </div></el-col
    >
  </el-row>
</template>
<script>
import { ElIcon, ElCol } from "element-plus";
import { getCurrentInstance } from "vue";

export default {
  name: "Header",
  data() {
    return {
      year:'',
      schoolName:"",
      url1:"",
      url2:""
    };
  },
  setup() {
    const instance = getCurrentInstance()
    let schoolName = instance.appContext.config.globalProperties.$schoolName;
    let url1 = instance.appContext.config.globalProperties.$url1;
    let url2 = instance.appContext.config.globalProperties.$url2;
    return {schoolName:schoolName,url1:url1,url2:url2}
  },
  components: {
    ElCol,
    ElIcon,
  },
  mounted() {
    this.year = new Date().getFullYear();
  },
  methods: {},
};
</script>
<style >
.index-footer {
  background: white;
  padding: 30px;
  font-size: 16px;
  text-align: center;
}
</style>